import styled from "styled-components"

export const FilterWrapper = styled.div`
  position: fixed;
  display: felx;
  top: 80px;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff;
  .filter {
    display: flex;
    margin: 5px 0 10px 20px;
    .item {
      padding: 6px 10px;
      margin: 10px 10px 0 0;
      border: 1px solid #dce0e0;
      border-radius: 6px;
      color: #484848;
      font-weight: 700;
      background-color: #fff;
      cursor: pointer;
      &.active {
        background-color: #00848a;
        border: 1px solid #00848a;
        color: #fff;
      }
    }
  }
`
